জাভাস্ক্রিপ্ট শৈলী গাইড
আপনার সমস্ত জাভাস্ক্রিপ্ট প্রকল্পের জন্য সর্বদা একই কোডিং নিয়মাবলী ব্যবহার করুন।
জাভাস্ক্রিপ্ট কোডিং নিয়মাবলী
কোডিং কনভেনশন হল প্রোগ্রামিং এর জন্য স্টাইল গাইড। তারা সাধারণত অন্তর্ভুক্ত:
- ভেরিয়েবল এবং ফাংশনের জন্য নামকরণ এবং ঘোষণার নিয়ম
- সাদা স্থান, ইন্ডেন্টেশন এবং মন্তব্য ব্যবহারের জন্য নিয়ম
- প্রোগ্রামিং অনুশীলন এবং নীতি
কোডিং কনভেনশন গুণমান নিশ্চিত করে:
কোড পঠনযোগ্যতা উন্নত করে
কোড রক্ষণাবেক্ষণ সহজ করুন
কোডিং কনভেনশনগুলি দলগুলি অনুসরণ করার জন্য নথিভুক্ত নিয়ম বা আপনার ব্যক্তিগত কোডিং অনুশীলন হতে পারে।
পরামর্শ:
এই পৃষ্ঠাটি Jassif টিম দ্বারা ব্যবহৃত সাধারণ জাভাস্ক্রিপ্ট কোডিং নিয়মাবলী বর্ণনা করে।
এছাড়াও পরবর্তী অধ্যায়, "সর্বোত্তম অনুশীলন" পড়ুন এবং কীভাবে কোডিং সমস্যাগুলি এড়াতে হয় তা শিখুন।
পরিবর্তনশীল নাম
Jassif টিমে আমরা শনাক্তকারীর নাম (ভেরিয়েবল এবং ফাংশন) এর জন্য প্রত্যয় কেস ব্যবহার করি।
সমস্ত নাম একটি অক্ষর দিয়ে শুরু হয়।
ক্রিয়াবিশেষণের ক্ষেত্রে উদাহরণ:
lastName = "Doe";
price = 19.90;
tax = 0.20;
fullPrice = price + (price * tax);
অ্যাপের চারপাশে জায়গা
সর্বদা অপারেটরগুলির চারপাশে স্পেস রাখুন ( = + - * / ), এবং কমা পরে:
উদাহরণ:
const myArray = ["Volvo", "Saab", "Fiat"];
const myArray=["Volvo","Saab","Fiat"]; // ❌ খারাপ
কোড ইন্ডেন্টেশন
কোড ব্লকের ইন্ডেন্টেশনের জন্য সর্বদা 2টি স্পেস ব্যবহার করুন:
কার্যক্রম:
return (5 / 9) * (fahrenheit - 32);
}
সতর্কতা:
ইন্ডেন্টেশনের জন্য ট্যাব ব্যবহার করবেন না। বিভিন্ন কম্পাইলার ট্যাবকে বিভিন্ন উপায়ে ব্যাখ্যা করে।
রিপোর্টিং নিয়ম
সাধারণ বিবৃতি জন্য সাধারণ নিয়ম:
উদাহরণ:
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
জটিল (যৌগিক) বিবৃতির জন্য সাধারণ নিয়ম:
প্রাথমিক বন্ধনী
প্রথম লাইনের শেষে একটি খোলা বন্ধনী রাখুন।
স্থান
খোলা বন্ধনীর আগে একটি স্থান ব্যবহার করুন।
শেষ বন্ধনী
অগ্রণী স্থান ছাড়াই একটি নতুন লাইনে বন্ধ বন্ধনী রাখুন।
সেমিকোলন
একটি সেমিকোলন দিয়ে একটি জটিল বিবৃতি শেষ করবেন না।
কার্যক্রম:
return (5 / 9) * (fahrenheit - 32);
}
চক্র:
x += i;
}
শর্তাবলী:
greeting = "Good day";
} else {
greeting = "Good evening";
}
উপাদান নিয়ম
বিষয় সংজ্ঞা জন্য সাধারণ নিয়ম:
| ভাগ্য | উদাহরণ |
|---|---|
| অবজেক্টের নামের মতো একই লাইনে খোলার বন্ধনীটি রাখুন | const person = { |
| প্রতিটি অ্যাট্রিবিউট এবং এর মানের মধ্যে একটি কোলন এবং একটি স্পেস ব্যবহার করুন | firstName: "John", |
| স্ট্রিং মানের চারপাশে উদ্ধৃতি ব্যবহার করুন, সাংখ্যিক মানের চারপাশে নয় | age: 50,(সংখ্যা, কোন উদ্ধৃতি নেই) |
| শেষ অ্যাট্রিবিউট-মান পেয়ারের পরে কমা যোগ করবেন না | eyeColor: "blue"(কোন কমা নেই) |
| অগ্রণী স্থান ছাড়াই একটি নতুন লাইনে বন্ধ বন্ধনী রাখুন | } |
| সর্বদা একটি সেমিকোলন দিয়ে একটি বস্তুর সংজ্ঞা শেষ করুন | }; |
উদাহরণ
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
ছোট অবজেক্ট এক লাইনে লেখা যেতে পারে, শুধুমাত্র বৈশিষ্ট্যগুলির মধ্যে ফাঁকা জায়গা ব্যবহার করে, এইরকম:
নামকরণের রীতি
আপনার সমস্ত কোডের জন্য সর্বদা একই নামকরণ পদ্ধতি ব্যবহার করুন। যেমন:
প্রত্যয়ের ক্ষেত্রে
firstName
ভেরিয়েবল ও ফাংশন
প্যাসকেলের ঘটনা
FirstName
ক্লাস
নিচের লাইন
first_name
ডাটাবেস
সংযোগ লাইন
first-name
HTML/CSS (জাভাস্ক্রিপ্ট নয়)
নোট:
পয়েন্ট ইন পয়েন্ট:জাভাস্ক্রিপ্ট নিজেই, jQuery এবং অন্যান্য জাভাস্ক্রিপ্ট লাইব্রেরি দ্বারা ব্যবহৃত।
প্যাসকেলের ঘটনা:বেশিরভাগই সি প্রোগ্রামাররা পছন্দ করে।
নীচের লাইন:এসকিউএল বেশিরভাগ ডাটাবেসে ব্যবহৃত হয়।
লিঙ্ক:এইচটিএমএল এবং সিএসএস ব্যবহার করা হয়, কিন্তু জাভাস্ক্রিপ্টে অনুমোদিত নয়।
সতর্কতা:
$ চিহ্ন দিয়ে নাম শুরু করবেন না। এটি আপনাকে অনেক জাভাস্ক্রিপ্ট লাইব্রেরি নামের সাথে মতভেদ সৃষ্টি করবে।
ফাইল এক্সটেনশন
এইচটিএমএল ফাইল
.html
(.htm অনুমোদিত)
CSS ফাইল
.css
জাভাস্ক্রিপ্ট ফাইল
.js
ছোট হাতের ফাইলের নাম ব্যবহার করুন
বেশিরভাগ ওয়েব সার্ভার (Apache, Unix) ফাইলের নাম সম্পর্কে কেস-সংবেদনশীল:
London.jpg // ❌ (Unix )
অন্যান্য ওয়েব সার্ভার (Microsoft, IIS) কেস-সংবেদনশীল নয়:
London.jpg // (Windows/IIS )
LONDON.jpg // (Windows/IIS )
সর্বোত্তম অনুশীলন:
এই সমস্যাগুলি এড়াতে, সর্বদা ছোট হাতের ফাইলের নাম ব্যবহার করুন (যদি সম্ভব হয়)।
লাইভ ডেমো
সঠিক এবং ভুল কোড নমুনা
কর্মক্ষমতা
কোডিং নিয়মাবলী কম্পিউটার দ্বারা ব্যবহৃত হয় না। বেশিরভাগ নিয়ম প্রোগ্রামের অপারেশনে সামান্য প্রভাব ফেলে।
ছোট স্ক্রিপ্টে ইন্ডেন্টেশন এবং অতিরিক্ত স্পেস উল্লেখযোগ্য নয়।
সর্বোত্তম অনুশীলন:
বিকাশের অধীনে কোডের জন্য, পাঠযোগ্যতা কাঙ্ক্ষিত হওয়া উচিত।
বড় প্রোডাকশন স্ক্রিপ্ট কমাতে হবে।
জাভাস্ক্রিপ্ট টিউটোরিয়াল
এই টিউটোরিয়ালের অনেক অধ্যায় ব্যায়ামের সাথে শেষ হয় যা আপনার জ্ঞানের স্তর পরীক্ষা করতে পারে।